<template>
  <section class="card" :style="{marginTop: top+'px'}">
    <h2>{{ title }}</h2>
    <div class="content">
      <slot />
    </div>
  </section>
</template>

<script setup lang="ts">
interface Props { title: string; top?: number }
const props = withDefaults(defineProps<Props>(), { top: 18 });
</script>

<style scoped>
.content{color:var(--muted);line-height:1.8}
</style> 